<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>航班管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/manage.css">
</head>

<body>
    <!-- 主页面 -->
    <div class="main">
        <!-- 导航条 -->

        <nav class="navbar navbar-expand-sm bg-primary-subtle navbar-black">
            <!-- 两边留有边距 -->
            <div class="container">
                <!-- 名称 -->
                <a href="#" class="navbar-brand">航班管理系统</a>
                <!-- 可折叠导航栏 -->
                <div class="collapse navbar-collapse ">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a href="#" class="nav-link" id="nav1">航班信息</a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="nav-link" id="nav2">新增航班</a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="nav-link" id="nav3">预定情况</a>
                        </li>
                    </ul>
                </div>
                <!-- 登陆注册按钮 -->
                <div class="">
                    <a href="登陆注册界面 管理员.html" id="login" class="btn btn-outline-secondary">登录/注册</a>
                </div>
            </div>
        </nav>
        <!-- 航班信息界面 -->
        <section id="flightInformation">
            <div class="container">
                <h1>航班信息</h1>
                <!-- 查询按钮 -->
                <form>
                    <div class="row pt-2">
                        <div class="col input-group">
                            <span class="input-group-text">航班号</span>
                            <input type="text" class="form-control" placeholder="航班号" name="departureCity"
                                id="flightNumber">
                        </div>

                        <div class="col input-group">
                            <span class="input-group-text">出发地</span>
                            <input type="text" class="form-control" placeholder="出发地" name="departureCity"
                                id="departureCity">
                        </div>
                        <div class="col input-group">
                            <span class="input-group-text">到达地</span>
                            <input type="text" class="form-control" placeholder="到达地 " name="departureCity"
                                id="arrivalCity">
                        </div>
                        <button type="button" class="btn btn-primary col-1" id="queryButton1">立即查询</button>
                    </div>
                </form>
                
                <table class="table table-striped text-center">
                    <thead>
                        <tr>
                            
                            <th>航班信息</th>
                            <th>起飞时间</th>
                            <th>降落时间</th>
                            <th>商务舱票价</th>
                            <th>商务舱剩余座位数</th>
                            <th>经济舱舱票价</th>
                            <th>经济舱剩余座位数</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="informationTable">
                        <!-- <tr>
                           
                            <td>
                                <div class="row">
                                    <h2 class="col">北京</h2>
                                    <h4 class="col">CA1234</h4>
                                    <h2 class="col">南京</h2>
                                </div>
                            </td>
                            <td> 9：13</td>
                            <td> 8：13</td>
                            <td> 1020</td>
                            <td> 1020</td>
                            <td>
                                <input type="button" class="btn btn-success" value="修改" data-id="" data-bs-toggle="modal" data-bs-target="#changeModal"> 
                                <input type="button" class="btn btn-danger del" value="删除" data-id="" data-bs-toggle="modal" data-bs-target="#deleteModal">
                            </td>
                        </tr>
                        -->
                    </tbody>
                </table>
            </div>
 <!-- 修改航班模拟框 -->
 <div class="modal fade" id="changeModal">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
  
        <!-- 模态框头部 -->
        <div class="modal-header">
          <h4 class="modal-title">航班修改</h4>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
  
        <!-- 模态框内容 -->
        <div class="modal-body">
            <from>
                <div class="input-group pt-1">
                    <span class="input-group-text bg-primary">航班号</span>
                    <input type="text" class="form-control " placeholder="航班号" name="" id="changeFlightNumber">
                </div>
                <div class="input-group pt-1 ">
                    <span class="input-group-text bg-primary">出发地</span>
                    <input type="text" class="form-control " placeholder="出发城市" name="changeDepartureCity"
                        id="changeDepartureCity">
                </div>
                <div class="input-group pt-1 ">
                    <span class="input-group-text bg-primary ">到达地</span>
                    <input type="text" class="form-control " placeholder="到达城市" name="arrivalCity" id="changeArrivalCity">
                </div>
                <div class="input-group pt-1 ">
                    <span class="input-group-text bg-primary ">航空公司</span>
                    <input type="text" class="form-control " placeholder="航空公司" name="" id="changeAirlineCompany">
                </div>
                <h2 class="pt-2">时间:</h2>
                <div class="row">
                    <div class="input-group pt-1 col">
                        <span class="input-group-text bg-primary ">起飞时间</span>
                        <input type="datetime-local" class="form-control " placeholder="起飞时间" name=""
                            id="chanegDepartureTime">
                    </div>
                    <div class="input-group pt-1 col">
                        <span class="input-group-text bg-primary ">降落时间</span>
                        <input type="datetime-local" class="form-control " placeholder="日期" name=""
                            id="changeArrivalTime">
                    </div>
                </div>
                <h2 class="pt-2">公务舱:</h2>
                <div class="row">
                    
                    <div class="input-group col">
                        <span class="input-group-text bg-primary ">公务舱票价</span>
                        <input type="text" class="form-control " placeholder="公务舱票价" name="a" id="changeBusinessPrice">
                    </div>
                </div>
                <h2 class="pt-2">经济舱:</h2>
                <div class="row">
                   
                    <div class="input-group col">
                        <span class="input-group-text bg-primary ">经济舱票价</span>
                        <input type="text" class="form-control " placeholder="经济舱票价" name="a" id="changeEconomyPrice">
                    </div>
                </div>

            </from>
        </div>
  
        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button type="button" class="btn btn-primary  "
                    id="ChangButton" flightid="">立即修改</button>
          <button type="button" class="btn btn-danger" data-bs-dismiss="modal" id="modalExitButton">关闭</button>
        </div>
  
      </div>
    </div>
  </div>

  <!-- 删除模态框 -->
<div class="modal fade" id="deleteModal">
    <div class="modal-dialog">
      <div class="modal-content">
  
        <!-- 模态框头部 -->
        <div class="modal-header">
          <h4 class="modal-title">航班删除</h4>
          <button type="button" class="btn-close" data-bs-dismiss="modal"  ></button>
        </div>
  
        <!-- 模态框内容 -->
        <div class="modal-body">
          确定要删除此航班吗？
        </div>
  
        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" flightid="" id="delConfirm">确定删除</button>
          <button type="button" class="btn btn-success" data-bs-dismiss="modal">关闭</button>
        </div>
  
      </div>
    </div>
  </div>
        </section>
        <!-- 航班添加 -->
        <section id="fligthAddition">
            <div class="container  pt-2">
                <h1>添加航班</h1>
                <from>
                    <div class="input-group pt-3 ">
                        <span class="input-group-text bg-primary">航班号</span>
                        <input type="text" class="form-control " placeholder="航班号" name="" id="flightNumber2">
                    </div>
                    <div class="input-group pt-3 ">
                        <span class="input-group-text bg-primary">出发地</span>
                        <input type="text" class="form-control " placeholder="出发城市" name="departureCity"
                            id="addDepartureCity">
                    </div>
                    <div class="input-group pt-3 ">
                        <span class="input-group-text bg-primary ">到达地</span>
                        <input type="text" class="form-control " placeholder="到达城市" name="addArrivalCity" id="addArrivalCity">
                    </div>
                    <div class="input-group pt-3 ">
                        <span class="input-group-text bg-primary ">航空公司</span>
                        <input type="text" class="form-control " placeholder="航空公司" name="" id="airlineCompany">
                    </div>
                    <h2 class="pt-3">时间:</h2>
                    <div class="row">
                        <div class="input-group pt-3 col">
                            <span class="input-group-text bg-primary ">起飞时间</span>
                            <input type="datetime-local" class="form-control " placeholder="起飞时间" name=""
                                id="departureTime">
                        </div>
                        <div class="input-group pt-3 col">
                            <span class="input-group-text bg-primary ">降落时间</span>
                            <input type="datetime-local" class="form-control " placeholder="日期" name=""
                                id="arrivalTime">
                        </div>
                    </div>
                    <h2 class="pt-3">公务舱:</h2>
                    <div class="row">
                        <div class="input-group col">
                            <span class="input-group-text bg-primary">公务舱人数</span>
                            <input type="text" class="form-control " placeholder="公务舱人数" name="" id="businessNum">
                        </div>
                        <div class="input-group col">
                            <span class="input-group-text bg-primary ">公务舱票价</span>
                            <input type="text" class="form-control " placeholder="公务舱票价" name="a" id="businessPrice">
                        </div>
                    </div>
                    <h2 class="pt-3">经济舱:</h2>
                    <div class="row">
                        <div class="input-group col">
                            <span class="input-group-text bg-primary">经济舱人数</span>
                            <input type="text" class="form-control " placeholder="经济舱人数" name="" id="economyNum">
                        </div>
                        <div class="input-group col">
                            <span class="input-group-text bg-primary ">经济舱票价</span>
                            <input type="text" class="form-control " placeholder="经济舱票价" name="a" id="economyPrice">
                        </div>
                    </div>
                    <button type="button" class="btn btn-primary  my-5 offset-md-4 col-md-2"
                        id="addButton">立即添加</button>
                </from>
            </div>
        </section>
        <!-- 航班订单页面 -->
        <section id="allFlightOrders">
            <div class="container  pt-2">
                <h1>航班预定情况</h1>
                <form>
                    <div class="row pt-2">
                        <div class="col input-group">
                            <span class="input-group-text">航班号</span>
                            <input type="text" class="form-control" placeholder="航班号" name="departureCity">
                        </div>
                        <div class="col input-group">
                            <span class="input-group-text">预定人</span>
                            <input type="text" class="form-control" placeholder="预定人" name="arrivalCity">
                        </div>
                        <div class="col input-group">
                            <span class="input-group-text">乘机人</span>
                            <input type="text" class="form-control" placeholder="乘机人" name="departureCity">
                        </div>

                        <div class="col input-group">
                            <span class="input-group-text">起飞日期</span>
                            <input type="date" class="form-control" name="departureDate" id="datetimepicker3"
                                aria-label="选择日期" value="">
                        </div>
                        <button type="button" class="btn btn-primary col-1">立即查询</button>
                    </div>
                </form>
                <table class="table table-striped pt-2">
                    <thead>
                        <tr>
                            <th>航班号</th>
                            <th>起飞日期</th>
                            <th>席位信息</th>
                            <th>乘机人</th>
                            <th>票价</th>
                        </tr>
                    </thead>
                    <tbody id="reserveInformation">
                        
                    </tbody>
                </table>
            </div>
        </section>
    </div>
    <script src="js/jquery-3.0.0.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/manage.js"></script>
</body>

</html>